<ion-header>
  <ion-navbar>
    <ion-title>延迟服务</ion-title>
  </ion-navbar>
</ion-header>

<ion-content (ionScroll)="scrollContent()">
  <div class="w12">
    <ion-item>
      <ion-label>
        <span class="w03"> 收卡状态:</span>
        <ion-select interface="popover" [(ngModel)]="data.SKZT">
          <div *ngFor="let typeData of typeData">
            <ion-option value="{{typeData?.VALUE}}">{{typeData?.VALUE}}</ion-option>
          </div>
        </ion-select>
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <span class="w03"> 服务性质:</span>
        <ion-select interface="popover" [(ngModel)]="data.FWXZ">
          <div *ngFor="let typeDataarr of typeDataArr">
            <ion-option value="{{typeDataarr?.VALUE}}">{{typeDataarr?.VALUE}}</ion-option>
          </div>
        </ion-select>
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <span class="w03">预约时间</span>
        <ion-datetime class="w08 tr" displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" min="{{ min }}"
                      max="{{ max }}" doneText="确定" cancelText="取消" [(ngModel)]="data.YYSJ"></ion-datetime>
        <i class="fa fr fa-angle-right"></i>
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label class="width100">延迟服务原因</ion-label>
      <ion-input type="text" [(ngModel)]="data.reason" placeholder="输入延迟服务原因"></ion-input>
    </ion-item>
  </div>

</ion-content>
<ion-footer>
  <div class="w12 bgcolor_white tr ">
    <button ion-button  (click)="CheckData()"  style="width: 120px">确定</button>
  </div>
</ion-footer>
